<div class="layout-north">
    <form style="margin-left:25px;width: 800px;height:53px;padding-top: 15px;" id="queryForm">
        <table class="formLayout">
            <tbody>
            <tr>
                <td class="formLayoutTit">
                    <label for="client"><@spring.message "mine.diaoyongxitong"/></label>
                </td>
                <td>
                    <select name="client" id='dyqk-client'></select>
                </td>

                <td class="formLayoutTit">
                    <label for="starttime"><@spring.message "mine.diaoyongriqi"/></label>
                </td>
                <td>
                    <input name="starttime" class="tempo-validatebox" readonly="true" style="background-color: rgb(235, 235, 228)" onfocus="this.blur();" placeholder="请选择"/>
                    -
                    <input name="endtime" class="tempo-validatebox" readonly="true" style="background-color: rgb(235, 235, 228)" onfocus="this.blur();" placeholder="请选择"/>
                </td>
                <td class="qtn-style" style="padding: 5px 0px">
                    <a class="queryBtn" style="width : 70px;"><@spring.message "mine.chaxun"/></a>

                    <a class="resetBtn"  style="width : 70px;"><@spring.message "mine.chongzhi"/></a>
                </td>
            </tr>
            </tbody>
        </table>
    </form>

</div>

<div class="layout-center" style="overflow: auto;">
    <hr style="margin: 0px 0px 25px 0px;border: 0px;border-bottom: 1px solid #ebedef;"/>
    <div style="width: 50%;float: left;">
        <div>
            <div id="dyqk-chart-line"></div>
        </div>
        <div>
            <div id="dyqk-chart-circle"></div>
        </div>
    </div>
    <div style="width: 50%;float: right;">
        <div>
            <div class="tempo-table-status-title-class">服务状态表</div>
            <table id="dyqk-chart-service-table"></table>
        </div>
        <div style="height: 230px">
            <div class="tempo-table-title-class"><@spring.message "aiview.dyxtlb"/></div>
            <table id="dyqk-chart-list-table"></table>
        </div>
        <div style="height: 210px">
            <div class="tempo-table-title-class tempo-top-25"><@spring.message "aiview.dyxysjb"/> (Top10)</div>
            <table id="dyqk-chart-time-table"></table>
        </div>
    </div>
</div>